<template>
  <div>
    <!-- 绑定类名 { 类名1：布尔值, 类名2：布尔值 } -->
    <!-- 布尔值为true 添加类名 否则不添加类名 -->
    <button :class="{ btnDanger:danger, btnWarning: Warning }" class="btn">
      <!-- 插槽 -->
      <!-- 插槽中间内容为默认值 组件间写入任何元素 默认都会被替换 -->
      <!-- <slot> 注册 </slot> -->
    </button>
  </div>
</template>

<script>
export default {
  props: ["danger", "warning"],
};
</script>

<style>
header{
  /* height: 80px;
  border: 1px solid darkmagenta; */
}
.content{
  width: 4px;

}
</style>

